<!--栏目-->
<template>	
	<div class="content mt40">
	    <div class="newsList">
	    	<ul>
	            <li v-for="(item,index) in newsList">
		        	<h3 v-text="item.title"></h3>  
		          	<p v-text="item.detail"></p>
		          	<p v-text="item.dt" class="dt"></p>
		        </li>          
	        </ul>
	    </div>
	</div>
</template>

<script type="text/javascript"> 
 	export default{
	    name:"home",      
	    data:function(){
	      	return {
	        	newsList:[]  
	      	}
	    },
	    mounted(){
	    	var _this=this;
	    	$(function(){
	    		_this.$http.get('src/assets/data/follow.json').then(function(res){
					_this.newsList=res.data;
				}).catch(function(err){
					console.log('Home', err);
				});
	    	});		
		}
  	}
</script>

<style type="text/css">
	.mt40{
		margin-top: 0.8rem;
	}	
</style>